
import { useState, useMemo } from 'react'

function UseMome() {
    let [count, setCount] = useState(1);
    let [age, setAge] = useState(18);
    // 定义一个函数，用来计算count的双倍值返回
    // function doubleCount() {
    //     console.log('dbcount');
    //     return count * 2;
    // }
    // 作用是可以依赖于某一个状态属性值的改变而进行重新计算，否则就是返回缓存的值
    let doubleCount = useMemo(() => {
        console.log('dbcount');
        return count * 2;
    }, [count])

    return (<div>
        {age} <br />
        {doubleCount}<br />
        <button onClick={() => { setAge(age + 1) }}>+1</button>
    </div>)
}

export default UseMome